<!DOCTYPE html>
<style>
    .class1 {
        background-color: rgba(63, 128, 33, 0.95);
        color: yellow;
    }
    .class2 {
        background-color: rgba(255, 0, 0, 0.95);
        color: green;
    }
</style>
<span class='class1'>DOM </span>
<span class='class2'>Shadow DOM </span>
<span class='class1'>DOM</span>
<div>
    Above Textual Selection should have Green background and yellow color on "DOM" <br>
    and Red background, Green color on "Shadow DOM".
</div>